<style type="text/css">
    .nav.nav-tabs>li>a,.profile-tabs{background-color: transparent;}
    .profile-tabs{border:1px solid #F5F5F5!important;}
    .nav.nav-tabs>li.active a{color: #555;}
    .panel-default{border:none!important;box-shadow:none!important;}
    .tab-content{box-shadow:none!important;}

    .userfoto{display: inline-block;position: relative;}
    .btn{padding: 4px 12px;font-size: 16px!important; }
    .userinfo_password input{font-size: 16px;}
    .UserName{height: 40px;font-size: 16px!important;}
    .col-md-2{text-align: right;color: #000;font-size: 16px;width: 100px!important;}
</style>


<div class="page-title"> 

<div class="page-title q-tit-change" style="margin: 10px;"> 
    <a href="/userinfo/index">个人中心</a> > 账号设置 
</div>
 <div class="wraper container-fluid" style="background: #fff;padding:0px!important;;margin:10px;border: 1px solid rgba(0,0,0,0.08);">
    <div class="row">
        <div class="col-sm-12">
            <div class="panel panel-default p-0" style="padding: 0px;!important;padding-left: 0px!important;padding-right: 0px;!important;">
                <div class="panel-body p-0"> 
                    <ul class="nav nav-tabs ">
                        <li class="active"><a data-toggle="tab" href="#aboutme"  style="border-left: 0px!important;">账号详情</a></li>

                        <li class=""><a data-toggle="tab" href="#user-activities">登录设置</a></li>
                        <!-- <li class=""><a data-toggle="tab" href="#edit-profile">结算设置</a></li> -->
                    </ul>
                    <div class="tab-content m-0"> 
                        <div id="aboutme" class="tab-pane active userinfo_baseinfo">
                            <div class="col-md-6 ">
                                <div class="row m-t-15">
                                    <div class="col-md-2 userinfo_namedes" style="width: 96px;">账号昵称：</div>
                                    <div class="col-md-8" class="userinfo_name"><input type="text" class="form-control UserName" placeholder="请填写账号昵称" /></div>
                                </div>
                                <div class="row m-t-20">
                                    <div class="col-md-2 userinfo_image"  style="width: 96px;">用户头像：</div>
                                    <div class="col-md-8">
                                        <div class="userfoto">
                                            <img class="thumb-lg img-circle bx-s" src="" onerror="this.src='/modules/img/slefneed/user_default.png'"  alt="">
                                            <input type="file" name="file" id="file">
                                        </div>
                                    </div>
                                </div>
                                <div class="row m-t-20">
                                    <div class="col-md-2 userinfo_namedes"  style="width: 96px;">所属企业：</div>
                                    <div class="col-md-8 userinfo_namedes">思和会</div>
                                </div>
                                 <div class="row m-t-20">
                                    <div class="col-md-2 userinfo_namedes"  style="width: 96px;">等级：</div>
                                    <div class="col-md-8 userinfo_namedes LevelName">0</div>
                                </div>
                                <div class="row m-t-20">
                                    <div class="col-md-2 userinfo_namedes"  style="width: 96px;" >邀请码：</div>
                                    <div class="col-md-8 userinfo_namedes InvitationCode">0</div>
                                </div>
                                <div class="row m-t-20">
                                    <div class="col-md-2 userinfo_namedes"  style="width: 96px;"></div>
                                    <div class="col-md-8 ">
                                        <button type="button" class="btn btn-info m-b-5 userinfo_edit" style="margin-right: 20px;font-size: 18px;width: 100px;text-align: center;s">保存</button>
                                    </div>
                                </div>
                                
                            </div>
                        </div>
                         <div id="user-activities" class="tab-pane userinfo_password">
                            <div class="col-md-6 ">
                                <div class="row m-t-20">
                                    <div class="col-md-2 userinfo_namedes"  style="width: 96px;">旧密码：</div>
                                    <div class="col-md-8" class="userinfo_name"><input type="password" class="form-control OldPassword" placeholder="请填写旧密码" /></div>
                                </div>
                                <div class="row m-t-20">
                                    <div class="col-md-2 userinfo_namedes"  style="width: 96px;">新密码：</div>
                                    <div class="col-md-8" class="userinfo_name"><input type="password" class="form-control NewPassword" placeholder="请填写新密码" /></div>
                                </div>
                                <div class="row m-t-20">
                                    <div class="col-md-2 userinfo_namedes"  style="width: 96px;">重复密码：</div>
                                    <div class="col-md-8" class="userinfo_name"><input type="password" class="form-control NewPasswordAgin" placeholder="请重复密码" /></div>
                                </div>
                                <div class="row m-t-20">
                                    <div class="col-md-2 "  style="width: 96px;"></div>
                                    <div class="col-md-8" class="userinfo_name " >
                                        <button type="button" class="btn btn-info m-b-5 saveChage" style="margin-right: 20px;width: 100px;text-align: center;" data-isclick="0">保存</button>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div id="edit-profile" class="tab-pane">
                            3333
                        </div>
                    </div>
                   
                </div>
 
            </div> 
        </div>
    </div>
</div>
<script type="text/javascript">
   seajs.use('userinfo/index');
</script>